<template>
  <!-- <div id="app">
    App
   <router-view />
  </div> -->
  <div id="app">
  <header>
   <router-view name='header'/>
  </header>
  <main>
       <router-view />
  </main>
  <footer>
    <router-view name='footer'/>
  </footer>
  </div>
</template>
<script>
// import Vue from 'vue'
// import { Calendar, Cell } from 'vant'
// Vue.use(Calendar)
// Vue.use(Cell)
// export default {
//   name: 'App',
//   created() {
//     this.$http.get('http://www.xiongmaoyouxuan.com/api/tabs?sa=')
//       .then(data => console.log('组件中', data))
// getAllCategroy().then(console.log)
//   },
// }
</script>
<style lang="less">
html,body,#app{
  height: 100%;
}
#app{
  display: flex;
  flex-direction: column;

}
main{
  flex:1;
  overflow-x: hidden;
}
</style>
